<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="java.util.*"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<%@page import="com.ssh.xep.entity.JobInfo"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="com.xeq.file.domain.JobCss"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<head>
<base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

<!-- bootstrap date插件 -->
<script type="text/javascript" src="styleRen/bootstrap/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="styleRen/bootstrap/locals/bootstrap-datetimepicker.fr.js"
	charset="UTF-8"></script>
	
<body>
	<%@include file="/WEB-INF/content/navigator.jsp"%>
	<div class="container">
		<div class="page-header">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<jsp:include page="jobSearch.jsp"></jsp:include>
				</div>
			</div>
		</div>
		<div id="show">
			<table class="table table-hover" id="jobList">
				<tr>
					<th>Id</th>
					<th>Begin Time</th>
					<th>End Time</th>
					<th>userId</th>
					<th>state</th>
					<th></th>
				</tr>
				<s:iterator value="#session.jcList" status="JobCss">
					<tr>
						<td>${id}</td>
						<td>${bgTime}</td>
						<td>${edTime}</td>
						<td>${userId}</td>
						<td><span class="label label-${label}">${state}</span></td>
						<td><a type="button" class="btn btn-xs btn-info"
								onclick="javascript:window.location.href='jobInfo.action?id=${id}'">
								<span class="glyphicon glyphicon-search"></span>
								Info
							</a></td>
					</tr>
				</s:iterator>
			</table>
		</div>
		<!-- 分页效果开始 -->
		<div>
			<ul class="pagination">
				<li>
					<a href="jobsList.action?jobpageSource.currentPage=1">&laquo;</a>
				</li>
				<li>
					<a href="jobsList.action?jobpageSource.currentPage=${jobpagesource.currentPage-1 }">Prev</a>
				</li>
				<li>
					<a href="#">[${jobpagesource.currentPage}/${jobpagesource.totalPages }]
						[total:${jobpagesource.totalRows}]</a>
				</li>
				<li>
					<a href="jobsList.action?jobpageSource.currentPage=${jobpagesource.currentPage+1 }">Next</a>
				</li>
				<li>
					<a href="jobsList.action?jobpageSource.currentPage=${jobpagesource.totalPages}">&raquo;</a>
				</li>
			</ul>
		</div>
		<!--分页效果结束 -->
	</div>

	<script type="text/javascript">
		$('.form_date').datetimepicker({
			language : 'en',
			weekStart : 1,
			todayBtn : 1,
			autoclose : 1,
			todayHighlight : 1,
			startView : 2,
			minView : 2,
			forceParse : 0
		});
	</script>
</body>
</html>